<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div class="page-sidebar-wrapper">
			<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
			<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
			<div class="page-sidebar navbar-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
				<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
				<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
				<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
				<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
				<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
				<ul class="page-sidebar-menu  " data-keep-expanded="true"
					data-auto-scroll="true" data-slide-speed="200">
					<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
					<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
			<!-- 		<li class="start active"><a href="sys/index.shtml"
						id="btn-dashboard"> <i class="fa fa-home"></i><span
							class="title">   </span><span class="selected"> </span>
					</a></li> -->
					<c:set var="menuList" value="${fns:getMenuList()}"/>
	                 <c:set var="firstMenu" value="true"/>
	                 <c:forEach items="${menuList}" var="menu" varStatus="idxStatus">
	                     <c:if test="${menu.parent.id eq (not empty param.id ? param.id:1)&&menu.isshow eq '1'}">
							 <li class=""><a href="javascript:;"> <i
							class="fa fa-gears"></i><span class="title">${menu.name}  </span><span
							class="arrow "> </span>
					          </a>
					          <ul class="sub-menu" data-keep-expand="true">
					          <c:forEach items="${menuList}" var="menu2">
						       <c:if test="${menu2.parent.id eq menu.id&&menu2.isshow eq '1'}">
							    <li><a href="${fn:indexOf(menu2.href, '://') eq -1 ? ctx : ''}${not empty menu2.href ? menu2.href: 'javascript:;'}" target="mainFrame"><i class="icon-user"></i>${menu2.name}<span class="arrow "></span></a>
							    
					          <c:forEach items="${menuList}" var="menu3">
						       <c:if test="${menu3.parent.id eq menu2.id&&menu3.isshow eq '1'}">
						        <ul class="sub-menu" data-keep-expand="true">
							    <li><a href="${fn:indexOf(menu3.href, '://') eq -1 ? ctx : ''}${not empty menu3.href ?menu3.href: 'javascript:;'}" target="mainFrame"><i class="icon-user"></i>${menu3.name}</a>
							    </li>
							      </ul>
							    </c:if>
							    </c:forEach>
							    </li>
						       	 </c:if>
							</c:forEach>
							  </ul>
						</li>
						</c:if>
					 </c:forEach>
					<!-- <li class="heading">
						<h3 class="uppercase">More</h3>
					</li> -->
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
		</div>